import React from 'react';
import { Path, Svg } from 'react-native-svg';

import { IconProps } from '../../types';

export const ChatIcon = ({ stroke = '#858585', strokeWidth = 1.5 }: IconProps): JSX.Element => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <Path
        d="M21 11.9951C21.0005 13.4703 20.6385 14.9231 19.9458 16.2255C19.2532 17.5279 18.2511 18.6401 17.0279 19.4643C15.8046 20.2884 14.3975 20.7992 12.9306 20.9517C11.4636 21.1043 9.98159 20.8939 8.615 20.339C8.415 20.258 8.315 20.217 8.235 20.199C8.16324 20.1821 8.0897 20.1741 8.016 20.175C7.933 20.175 7.843 20.19 7.663 20.22L4.105 20.8131C3.732 20.8751 3.545 20.9061 3.411 20.8481C3.29333 20.7976 3.19956 20.7038 3.149 20.5861C3.091 20.451 3.122 20.265 3.184 19.8919L3.777 16.3331C3.807 16.1531 3.822 16.063 3.822 15.98C3.82293 15.9063 3.81487 15.8327 3.798 15.761C3.78 15.6809 3.739 15.5809 3.658 15.3809C3.15975 14.1502 2.93986 12.8245 3.01408 11.4988C3.0883 10.1731 3.45479 8.88022 4.08729 7.71286C4.71978 6.54549 5.60263 5.53253 6.67254 4.74657C7.74245 3.9606 8.97294 3.42111 10.2758 3.16674C11.5787 2.91237 12.9217 2.94943 14.2086 3.27526C15.4955 3.60109 16.6943 4.20763 17.7193 5.0514C18.7443 5.89517 19.5699 6.95528 20.1371 8.15575C20.7043 9.35622 20.999 10.6673 21 11.9951Z"
        stroke={stroke}
        strokeWidth={strokeWidth}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  );
};
